<!-- 文字配置 -->
<template>
    <div>
        <el-form-item label="是否自动切换">
            <avue-switch
                :disabled="disabled"
                v-model="main.activeOption.autoplay"
            >
            </avue-switch>
        </el-form-item>
        <el-form-item label="时间间隔(秒)">
            <avue-input-number
                :min="0"
                :disabled="disabled"
                v-model="main.activeOption.interval"
            ></avue-input-number>
        </el-form-item>
        <el-form-item label="是否循环">
            <avue-switch :disabled="disabled" v-model="main.activeOption.loop">
            </avue-switch>
        </el-form-item>
        <el-form-item label="卡片风格">
            <avue-switch :disabled="disabled" v-model="main.activeOption.type">
            </avue-switch>
        </el-form-item>
        <el-form-item label="轮播方向">
            <avue-select
                :disabled="disabled"
                v-model="main.activeOption.direction"
                :dic="dicOption.orientList"
            >
            </avue-select>
        </el-form-item>
        <el-form-item label="触发方式">
            <avue-select
                :disabled="disabled"
                v-model="main.activeOption.trigger"
                :dic="dicOption.trigger"
            >
            </avue-select>
        </el-form-item>
        <el-form-item label="指示器位置">
            <avue-select
                :disabled="disabled"
                v-model="main.activeOption.indicatorPosition"
                :dic="dicOption.indicatorPosition"
            >
            </avue-select>
        </el-form-item>
    </div>
</template>

<script>
import { dicOption } from "@/option/config";
export default {
    name: "carousel",
    data() {
        return {
            dicOption: dicOption,
            disabled: this.contain.activeObj.isLock
        };
    },
    inject: ["main", "contain"]
};
</script>

<style></style>
